@import 'btn-base';
@import 'btn-afterward';
@import 'btn-forward';
@import 'font-base';
@import 'base';
.bg-stepbar {
    margin-top: 20px;
    width: 100%;
    height: 150px;
    background: #446081;
    opacity: .9;
    padding: 44px 0;
}

.bar-step4 {
    margin-bottom: 40px;
    display: table;
    width: 100%;
    li {
        display: table-cell;
        width: 25%;
        text-align: center;
        font-size: 14px;
        color: #fff;
        position: relative;
        span {
            position: relative;
            left: 112px;
            display: block;
            width: 45px;
            height: 45px;
            border-radius: 45px;
            font-family: Arial;
            font-size: 30px;
            font-weight: 700;
            color: #fff;
            text-align: center;
            margin-bottom: 5px;
            background: #7588ab;
        }
        b {
            position: absolute;
            left: 155px;
            top: 18px;
            display: block;
            content: "";
            width: 85%;
            height: 10px;
            background-color: #7588ab;
        }
    }
    .active {
        color: #16b2ce;
        b:after {
            height: 10px;
            content: "";
            display: block;
            overflow: hidden;
            background-color: #16b2ce;
        }
        span {
            background: #16b2ce;
        }
    }
}

.lol-league-create {
    padding: 0 20px 15px;
    text-align: center;
    background: #fff;
}

.title-game-create,
.content-game-create,
.step-game-create {
    border-top: 1px solid #d7e4ee;
    padding: 30px 0;
}

.title-game-create h3 {
    margin: 0
}

.content-game-create {
    max-height: 740px;
    line-height: 27px;
    text-align: left;
    .jspDrag {
    background: #d2e6ea;
    }
    .jspTrack{
        background: #fff;
    }
    
}
#text-intro {
    max-height: 700px;
    line-height: 27px;
    text-align: left;
    .jspDrag {
    background: #d2e6ea;
    }
    .jspTrack{
        background: #fff;
    }
    
}

.content-game-create h5 {
    margin: 10px 0 25px;
}

.step-game-create {
    position: relative;
}

.ichecklist {
    position: absolute;
    li {
        position: relative;
        padding-left: 14px;
        input {
            opacity: 0;
        }
        label {
            font-size: 12px;
            margin-left: 5px;
        }
    }
}

.icheckbox {
    position: absolute;
    width: 14px;
    height: 14px;
    left: 0;
    top: 5px;
    background: url("../img/lol_game-create/checkbox.png");
}
.checked{
    background: url("../img/lol_game-create/checkbox.png") -14px 0px;
}

/* 创建联赛表单 */
.league-logo {
    width: 172px;
    height: 91px;
    background: url("../img/lol_league/league-logo.png");
    padding: 59px 0 10px;
    margin: 0 10px 0 -15px;
    a {
        display: block;
        width: 70px;
        margin: 0 auto;
        text-align: center;
    }
}
.league-form-content{
    label{
        font-weight: normal;
    }
    .form-control{
        font-size: 12px;
    }
}
textarea.league-form-info{
    height: 146px;
    resize: none;
}
textarea.league-form-rule{
    height: 194px;
    resize: none;
}
/*----------------------------------*/
.wrapper-btn-leagueCreate {
    width: 256px;
    margin: 0 auto;
}

i.icon-statuscomplete{
    width: 44px;
    height: 44px;
    display: block;
    margin: 0 auto;
    font-size: 44px;
    color: #7db630;
}

.wrapper-msg-create {
    padding-top: 200px;
}

.msg-league-create {
    color: #7db630;
    text-align: center;
}
